<!doctype html>
<jsp:directive.page import="com.cn.ccp.bean.UserBean" />
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<%@page isELIgnored="false"%>
<html>
<f:view>
	<f:loadBundle var="messages" basename="messages"></f:loadBundle>
	<head>
<meta charset="utf-8">
<title><h:outputText value="#{messages['course_page_course_survey_title']}" />
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- styles -->
<link href="<%=request.getContextPath()%>/css/bootstrap.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/custom.css"
	rel="stylesheet">
<!--[if lt IE 9]>
      <script src="<%=request.getContextPath()%>/js/html5.js"></script>
    <![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
	href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon"
	href="<%=request.getContextPath()%>/images/icon/favicon.png">
	<%	
		UserBean users = (UserBean) session.getAttribute("userBean");
			if ((users == null) || (users.getUserName().equals(""))) {
	%>
	<jsp:forward page="../../sessionInvalid.jsp" />
	<%
	}
	%>
	<script type="text/javascript">
	function dataTableSelectOneRadio(radio) {
	    var id = radio.name.substring(radio.name.lastIndexOf(':'));
	    alert(id);
	    var el = radio.form.elements;
	    for (var i = 0; i < el.length; i++) {
	        if (el[i].name.substring(el[i].name.lastIndexOf(':')) == id) {
	            el[i].checked = false;
	        }
	    }
	    radio.checked = true;
	}
	</script>
	</head>
	<!-- 调查结果查看页面 -->
	<body class="bg-white" style="widows:100%;height:100%;overflow-x:hidden;" >
	<a id="viewDiv"></a>
		<h:form id="formid">
			<h:inputHidden value="#{evaluationAction.courseId}"></h:inputHidden>
			<h:inputHidden value="#{evaluationAction.selectCourseId}"></h:inputHidden>
			<h:inputHidden value="#{evaluationAction.settingId}"></h:inputHidden>
			<div class="row page-head">
				<h3 class="page-title">
					<i class="n-icon-selection  n-icon-black"></i><h:outputText value="#{messages['course_page_course_survey_title']}"/>&nbsp;&gt;&nbsp; 
					<strong>
						<h:outputText value="#{evaluationAction.courseName}"/>
					</strong>
				</h3>
			</div>
			
			<div class="form-actions">
				<h:commandLink value="#{messages['btn_back']}" action="main" styleClass="btn" immediate="true" style="margin-left: 20px;">
					<f:param name="courseId" value="#{evaluationAction.courseId}"></f:param>
				</h:commandLink> 
				 
			</div>
			
			<div style="margin-left: 20px; "
				class="content list-tab">
				<div class="txt">
					<h:dataTable id="listtableid" var="content" value="#{evaluationAction.onlineExamList}" >
						<h:column>
							<f:facet name="header">
							</f:facet>
							<h:outputText value="#{content.index}：#{content.topic}" ></h:outputText><f:verbatim><br/></f:verbatim>
							<h:outputText value="A: #{content.answerA}"/><h:outputText value="(#{content.aNum})" styleClass="text-error"/><f:verbatim><br/></f:verbatim>
							<h:outputText value="B: #{content.answerB}"/><h:outputText value="(#{content.bNum})" styleClass="text-error"/><f:verbatim><br/></f:verbatim>
							<h:outputText value="C: #{content.answerC}"/><h:outputText value="(#{content.cNum})" styleClass="text-error"/><f:verbatim><br/></f:verbatim>
							<h:outputText value="D: #{content.answerD}"/><h:outputText value="(#{content.dNum})" styleClass="text-error"/><f:verbatim><br/></f:verbatim>
							<f:verbatim><br/></f:verbatim>
						</h:column>
					</h:dataTable>
				</div>
			</div>
			 
		</h:form>
		<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
		<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
		<script type="text/javascript">
		$(document).ready(function() {
			//document.getElementById('viewDiv').scrollIntoView();
		});
		</script>
	</body>
</f:view>
</html>
